body{
    background-color: #fff;
    padding-bottom: 70px;
    box-sizing: border-box;
}
.title{
    font-weight: bold;
    line-height: 40px;
}

.table{
    background-color: #fff;
}

.table>thead>tr>th{
     border-bottom-width: 0 !important;
     border: none !important;
     padding: 0 !important;
}
.table>tbody>tr>td{
    vertical-align: middle;
}
.table>tbody>tr>td:nth-of-type(odd){
    background-color: #eee; font-weight: bold;
}


.longText{
    background-color: #fff !important;
    font-weight: normal !important;  text-align: left;
    text-indent: 1em;
}
.longText span{
    font-weight: bold;
}

.footer{
    width: 100%; height: 60px;  background-color: #fff;
    position: fixed;  bottom: 0;  left: 0;
    display: flex; justify-content: center; align-items: center;
}


.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mlr5{margin-left: 5px;margin-right: 5px;}
.ml10{margin-left: 10px;}
.mr10{margin-right:10px}
.mlr10{margin-left: 10px;margin-right: 10px;}
.ml15{margin-left: 15px;}
.mr15{margin-right: 15px;}
.mlr15{margin-left: 15px;margin-right: 15px;}
.ml20 {margin-left: 20px;}
.mr20{margin-right: 20px;}
.mlr20{margin-left: 20px;margin-right: 20px;}
.ml25{margin-left: 25px;}
.mr25{margin-right: 25px;}
.mlr25{margin-left: 25px;margin-right: 25px;}
.ml30 {margin-left: 30px;}
.mr30{margin-right: 30px;}
.mlr30{margin-left: 30px;margin-right: 30px;}
.ml35 {margin-left: 35px;}
.mr35{margin-right: 35px;}
.mlr35{margin-left: 35px;margin-right: 35px;}
.ml40{margin-left: 40px;}
.mr40{margin-right: 40px;}
.mlr40{margin-left: 40px;margin-right: 40px;}
.ml50{margin-left: 50px;}
.mr50{margin-right: 50px;}
.mlr50{margin-left: 50px;margin-right: 50px;}
.mr100{margin-right: 100px;}

.fl{
    float:left;
}
.fr{
    float:right;
}